 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
      
      
      <title>actrex</title>
      <link rel="icon" type="image/png" href="img/snowflake.png" />
      
      <link type="text/css" rel="stylesheet" href="themes/default/css/reset.css" media="screen,projection" />
      <link type="text/css" rel="stylesheet" href="themes/default/css/screen.css" media="screen,projection" />
      <link type="text/css" rel="stylesheet" href="themes/default/css/print.css" media="print" />
      
      <script type="text/javascript" charset="utf-8" src="javascript/jquery.js"></script>
      <script type="text/javascript" charset="utf-8" src="javascript/jquery.ui.js"></script>

      <script type="text/javascript" charset="utf-8" src="javascript/keybindings.js"></script>
	
      <style type="text/css">
        @import url("themes/gsearch.css");
        @import url("themes/gmlocalsearch.css");
  
        div.bubble{ font-size: x-small;
                    font-family: arial;
                    text-align: left;
                    }	
                    
        input.customButton { font-size: 10pt;
                             border-spacing: 0px;
                             margin: 1px;
                             width: 90px;
			     text-align: center;
			   }
			   
        #anim_controls { position: relative;
        			left: 5px;
        			top: 8px;
        			text-align: left;
        			float:left;
        			
        		}
        		
        #timeBox { padding-left: 5px;
		   padding-right: 5px;
		   font-name: Courier New;
	           font-family: monospace;
	           font-weight: bold;
	           background-color: #1b1a1a;
	           color: white;
        	}
        	
        #delayBox { padding-left: 5px;
		   padding-right: 5px;
		   font-name: Courier New;
	           font-family: monospace;
	           font-weight: bold;
	           background-color: #1b1a1a;
	           color: white;
        	}
        	
        #delaySegment { 
        		position:relative;
        		height:28px; width:203px;
        		top: 10px; 
        		padding-top:2px;
        		text-align: center;
        		background:url(themes/default/images/zoom-slider-background.png) no-repeat;
        		color: white;
        		float: right;
        		        		  		
        		
        		}
       #clock { float:right;
       		position:relative;
       		left: 0px;
        	top: 12px;
       		}
      </style>
  
      
      <!-- rochester.edu key: ABQIAAAARQvhxpOK7xhWFXJtoYQk2hTD6QxZ77zRNmg2B6XFalpA3fyqABQjebCkSMPPjDuPgc4GbMAeSXHMyg //-->
      <script
      src="http://maps.google.com/maps?file=api&amp;v=3&amp;key=ABQIAAAA8mZlcc1JfFwUm7JyTJkSwhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxR_CHza8anVAVu0AtAtQ-bThviK0Q"
      type="text/javascript"></script>
  
      <script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0" type="text/javascript"></script> 
      <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
  
      <script src="javascript/extmaptypecontrol.js" type="text/javascript"></script> 
      
      <script type="text/javascript" src="javascript/actrex.js"></script>
      
    </head>
    
    <body onunload="GUnload()">
  
       <noscript><b>JavaScript must be enabled in order for you to use
        Google Maps.</b> However, it seems JavaScript is either disabled or not
        supported by your browser. To view Google Maps, enable JavaScript by
        changing your browser options, and then try agairn. </noscript>
      
      <script language="javascript">
          <!--
          
          var canvasHeight = window.innerHeight;
          document.write('<div id="map_canvas" style="width: 100%; height:'+canvasHeight+'px; z-index:1; "></div>');
    
          //-->
      </script>
      
      
    <div style="z-index: 1; position: absolute; right:8px; top:55px; text-align: left; ">
  
    <div id="zoom-slider">
	<a id="zoom-control-minus" href="#"></a>
	<div id="zoom-range">
		<div id="zoom-path"></div>
	</div>
	<a id="zoom-control-plus" href="#"></a><br/>
	<div id="anim_controls">
		<a id="animation-button" href="#"><img id="playButton" src="themes/default/images/play.png" onClick="playClick();"/></a>
		<a id="animation-button" href="#"><img id="pauseButton" src="themes/default/images/pause.png" onClick="pauseClick();"/></a>
		<a id="animation-button" href="#"><img id="stopButton" src="themes/default/images/stop.png" onClick="stopClick();"/></a>
		
	</div>	

	<div id="clock"><input type="text" size="12" id="timeBox" value="00:00 (0)" /></div>
	
	<div id="delaySegment"><span style="margin-right:8px;">Delay: </span>
	 	 <a id="animation-button" href="#"><img id="playButton" src="themes/default/images/zoom-control-minus.jpg" onClick="increaseSpeed();"/></a>
		 <input type="text" size="4" id="delayBox" value="50"/>
		 <a id="animation-button" href="#"><img id="playButton" src="themes/default/images/zoom-control-plus.jpg" onClick="decreaseSpeed();"/></a><span syle="width: 10px"> </span><span style="margin-left:8px;">ms</span>
	</div>
	
	
      </div>
	      
      </div>
      
      
    </body>
  </html>
